﻿<!DOCTYPE html>
<!--<html lang="zh-CN">-->
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>统一认证平台</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/util.css">
    <link rel="stylesheet" type="text/css" href="/static/css/index.css">
</head>

<body>
<div class="limiter">
    <div class="container-login100">
        <div class="wrap-login100">
            <div class="login100-form-title" style="background-image: url(static/images/bg-01.jpg);">
                <span class="login100-form-title-1">统一认证平台</span>
            </div>

            <form class="login100-form validate-form" action="/login" method="post">

                <!--CSRF 防护配置-->
                <input type="hidden" th:if="${_csrf}!=null" th:value="${_csrf.token}" name="_csrf"/>

                <div class="wrap-input100 validate-input m-b-26" data-validate="用户名不能为空">
                    <span class="label-input100">用户名</span>
                    <input class="input100" type="text" name="username" placeholder="请输入用户名">
                    <span class="focus-input100"></span>
                </div>

                <div class="wrap-input100 validate-input m-b-18" data-validate="密码不能为空">
                    <span class="label-input100">密&nbsp;&nbsp;&nbsp;码</span>
                    <input class="input100" name="password" placeholder="请输入密码" type="password">
                    <span class="focus-input100"></span>
                </div>

                <div class="wrap-input100 validate-input m-b-18" data-validate="验证码不能为空">
                    <span class="label-input100">验证码</span>
                    <input class="input100" name="code" placeholder="请输入验证码" type="text">
                    <span class="focus-input100"></span>

                </div>

                <div class="flex-sb-m w-full p-b-30">
                    <div class="contact100-form-checkbox">
                        <input class="input-checkbox100" id="ckb1" type="checkbox" name="remember-me" value="true">
                        <label class="label-checkbox100" for="ckb1">记住我</label>
                    </div>
                    <div class="div-img">
                        <img id="img" style="width:60%;height:40%" alt="验证码" src="/code/get">
                    </div>

                </div>

                <div class="container-login100-form-btn">
                    <button class="login100-form-btn" type="submit">登 录</button>
                    <div class="div-register" style="position: relative;left: 50%;top: 26%;"><a
                            href="http://www.baidu.com">注册</a></div>
                </div>

            </form>
        </div>
    </div>
</div>
<script src="/static/js/jquery-3.2.1.min.js"></script>
<script src="/static/js/index.js"></script>

</body>

</html>